<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script type="text/javascript" src="echarts.js"></script>
    <script type="text/javascript" src="jquery-1.9.1.js"></script>
</head>
<body>
<div id="manwan" style="width:600px; height: 400px; background-color: #007DDB ;float: right"></div>
<script type="text/javascript">

    var myChart = echarts.init(document.getElementById('manwan'));
    $.get('/echars.do').done(function (data) {
        var d1, d2;
        var parse = JSON.parse(data);
        d1 = parse['man'][0];
        d2 = parse['woman'][0];
        myChart.setOption({
            series: [
                {
                    name: '男女比例',
                    type: 'pie',
                    radius: '55%',
                    data: [
                        {value: d2, name: '男粉丝'},
                        {value: d2 , name: '女粉丝'}
                    ]
                }
            ]
        });
    });
</script>


</body>
</html>